<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>Search</title>
		<link rel="stylesheet" type="text/css" href="resources/jquery-easyui-1.7.0/themes/metro/easyui.css"/>
		<link rel="stylesheet" type="text/css" href="resources/jquery-easyui-1.7.0/themes/mobile.css"/>
		<link rel="stylesheet" type="text/css" href="resources/jquery-easyui-1.7.0/themes/icon.css"/>
		
		<script src="resources/jquery-easyui-1.7.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/sockjs.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/jquery.easyui.mobile.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/jquery-easyui-1.7.0/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/js/mobileChat.js" type="text/javascript" charset="utf-8"></script>
		<script src="resources/js/mobileSearch.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
 		<div class="easyui-navpanel">
        <header>
            <div class="m-toolbar">
                <div id="title" class="m-title">Search</div>
                <div class="m-left">             
					 <div class="m-title">
						 <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg1').dialog('open').dialog('center')" data-options="iconCls:'icon-man',plain:true"></a>
						 <a href="javascript:void(0)" onclick="javascript:openHome()" style="color: #000000;text-decoration: none;link {text-decoration: none;}visited {text-decoration: none;}hover {text-decoration:underline;}active {text-decoration: none;}"><span class="current-user-name" style="margin: auto 3px;"></span></a>
					</div>
                </div>
                <div class="m-right">
					<a id="search" href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:openSearch()" data-options="iconCls:'icon-search',plain:true" style="display: none;"></a>
                    <a id="chat" href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:openChat()" data-options="iconCls:'icon-chat',plain:true" style="display: '';"></a>
					<a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-more',plain:true,hasDownArrow:false,menu:'#mm',menuAlign:'right'"></a>
                </div>
            </div>
        </header>
        <div id="mm" class="easyui-menu" style="width:150px;" data-options="itemHeight:30,noline:true">
            <div data-options="iconCls:'icon-undo'" onclick="$('#insidePage').panel('open').panel('refresh')">刷新</div>
            <div data-options="iconCls:'icon-redo'" onclick="javascript:logout()">注销</div>
        </div> 
			<div id="insidePage" class="easyui-navpanel" data-options="href:'resources/html/mobileIndex.html'">
				<span class="query-count"></span>
				<footer>
					<div id="bottomBar" class="m-toolbar" style="display: none;">
						<div id="pp"></div>
					</div>
				</footer>
		 </div> 
        <footer id="outsideFooter" style="padding:2px 3px;border: none;">
			<div id="inputFrame">
				<input id="inputBox" class="easyui-textbox" style="width:100%;height:32px;" data-options="prompt:'Please input search words',onClickButton:inputAction,buttonText:'<span style=\'padding:0 15px\'>Search</span>'">
			</div>
			<div id="groupButton" class="m-buttongroup m-buttongroup-justified" style="width:100%;display: none;">
                <a href="javascript:void(0)" onclick="javascript:add()" class="easyui-linkbutton" data-options="iconCls:'icon-Add',size:'large',iconAlign:'top',plain:true">add</a>
                <a href="javascript:void(0)" onclick="javascript:deleted()" class="easyui-linkbutton" data-options="iconCls:'icon-delete',size:'large',iconAlign:'top',plain:true">delete</a>
                <a href="javascript:void(0)" onclick="javascript:put()" class="easyui-linkbutton" data-options="iconCls:'icon-put',size:'large',iconAlign:'top',plain:true">put</a>
                <a href="javascript:void(0)" onclick="javascript:select()" class="easyui-linkbutton" data-options="iconCls:'icon-select',size:'large',iconAlign:'top',plain:true">select</a>
            </div>
		</footer>
		
		
		<div id="dlg1" class="easyui-dialog" style="padding:20px 6px;width:80%;" data-options="inline:true,modal:true,closed:true,title:'Personal Info'">
				<p id="info1" class="info-row" style="margin-left: 30px;"></p>
				<p id="info2" class="info-row" style="margin-left: 30px;"></p>
				<p id="info3" class="info-row" style="margin-left: 30px;"></p>
				<p id="info4" class="info-row" style="margin-left: 30px;"></p>
				<p id="info5" class="info-row" style="margin-left: 30px;"></p>
			<div class="dialog-button">
				<a href="javascript:void(0)" class="easyui-linkbutton" style="width:100%;height:35px" onclick="$('#dlg1').dialog('close')">close</a>
			</div>
		</div>
		
	</div> 
	</body>
</html>
